/* -------------
 * Buttons
 * ------------- */
button {margin:-1px 0 0 0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */

button span {
  font-size:11px;
  padding-left:4px;
  padding-top:1px;
  padding-bottom:1px;
  background:url(../img/btn-l.png) no-repeat 0 0;
  color:#fff;
  text-decoration:none; 
  font-family:Arial, Helvetica, sans-serif;
  white-space:nowrap;
}

button span span{
  padding-right:4px;
  padding-left:0;
  background:url(../img/btn-r.png) no-repeat 100% 0;
}
button:hover span,{
  background-image:url(../img/btn-l-a.png);
  }
button:hover span span{
  background-image:url(../img/btn-r-a.png);
  }

/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	float:left;
}

.jNiceInputInner {
  background: #fff url(../img/jnice/input_left.gif) no-repeat left top;
	padding:0;
	margin: 0px;
}

.jNiceInputInner input {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:#333;	
	line-height: 14px;
	height: 14px;
	*line-height: 12px;/* IE Hacks */
	*height: 12px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}
/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; width:15px; margin-right:5px;}
.jNiceRadio {
  background: transparent url(../img/jnice/radio.gif) no-repeat center top;
  height: 15px;
  width: 15px;
  position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}


/* -------------
 * Checkboxes
 * ------------- */
.jCheckboxWrapper{float: left; z-index: 2; width:15px; margin-right:5px;}
.jNiceCheckbox {
  background: transparent url(../img/jnice/checkbox.gif) no-repeat center top;
  height: 15px;
  width: 15px;
  position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;}

.jNiceSelectWrapper {
  height: 21px;
  background: #fff url(../img/jnice/input_left.gif) no-repeat left top;
  left:0px;top:0px;z-index:3;position:absolute;
}

.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
  height: 21px;
  line-height: 21px;
  padding:0 0 0 4px;
  color:#6a6a6a;
  font-size:12px;
  overflow:hidden;float:none;position:absolute;z-index:100;
  cursor:default;
  text-align:center;
}
.jNiceSelectWrapper .jNiceSelectOpen {
  width: 21px;
  height: 21px;
  top:0px;
  background: url(../img/jnice/select_right.gif) no-repeat center center;
  z-index:100;display:block;position:absolute;right:0px;
  cursor:default;
}

.jNiceSelectWrapper ul {
  top: 21px;
  background-color: #fff;
  min-height:17px;
  max-height:170px;
  height:auto !important;
  height: 20px;
  font-size:11px;
  position:absolute;left:5px;list-style:none;display: none;margin:0;overflow-y:auto;z-index:100;width: 100%;
  border:1px solid #bfbfbf;
  min-width:70px;
}
.jNiceSelectWrapper li{
  list-style-type:none;
  padding:0;
  margin:0;
  background:none;
  }
.jNiceSelectWrapper ul a {
  padding:2px 5px;
  color:#333;
  background-color: #fff;
  display:block;text-decoration:none;
}

.jNiceSelectWrapper ul a:hover { background:#ebebeb; }
.jNiceSelectWrapper ul a.selected {background: #ccc;}

/* .jNiceFocus { border: dotted 1px #666666; } */

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}